<!DOCTYPE html>


<html>
    <head>
        <title>个人简介</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="index.css">

    </head>

    <body>
        
        <!--<div></div>-->
        <div id="header">
        <div  id="page">
            <a href="#"><p class="line">首页</p></a>&nbsp&nbsp
            <a href="#friend"><p class="line">我的朋友</p></a>&nbsp&nbsp
            <a href="#"><p class="line">个人简介</p></a>&nbsp&nbsp
            <a href="#school"><p class="line">我的学校</p></a>&nbsp&nbsp
            <a href="#hometown"><p class="line">我的家乡</p></a>&nbsp&nbsp
        
        </div>
        </div>
        <br>
        <div id="banner">Welcome</div>

        <div id="container">

            <p  class="name">
                姓名：程军芳
            </p>

            <h1 id="school">我的学校</h1>
            
            <p  class="introduce">
                
                焦作大学是经河南省人民政府批准、教育部备案的综合性公办全日制普通高等专科学校。[1] 
                学校创建于1981年，前身是焦作市职工大学；1985年，建立焦作市职业大学，与焦作市职工大学合并办学；1986年更名为焦作大学，后河南广播电视大学焦作分校、焦作财会学校并入学校。[2] 
                截至2015年4月，学校有南北两个校区，占地面积1708亩， 建筑面积43.5万平方米；教学仪器设备总值近亿元；教职工900余人， 专任教师中具有副高级以上专业技术职务的195人，全日制在校生11000余人；开设15个院系、58个专科专业，建有19个科研机构。[1] 

            </p>
            
                <img class="pic" src="5.jpg" alt="">
                <a  class="link"  href="http://www.jzu.edu.cn/">焦作大学欢迎你</a>
                <br>
                <hr>

            <p> 
                校园一角
                <img  class="pic" src="6.jpg" alt="">
                <hr>
            </p>

            <h1 id="hometown">我的家乡</h1>
            
            <p  class="introduce">

                壶关县位于山西东南部，地理位置在东经113度10`──113度40`，北纬35度51`──36度13`之间。东与河南省林、辉二市相连，西与长治市为邻，北与平顺县隔界，南与陵川县壤。因古治北有百谷山(今名老顶山)，南有双龙山、两山夹峙，中间空断，山形似壶，且以壶口为关，而得名壶关。属长治市管辖。全县辖5镇15乡，389个村民委员会，总人口27.4万人，汉、回、满、壮、白、彝、蒙等七个民族。县城距长治市只有13公里，是长治市的东大门。故西铁路、荫林公路横贯县境，是国家中部地区经济开发的重化工基地，也是晋豫经济文化交流的要
                冲。
                <img  class="pic" src="9.jpg" alt="">
                <br>
                <a  class="link" href="http://www.baike.com/wiki/%E5%A3%B6%E5%85%B3">壶关欢迎你</a>
                <hr>

            </p>

            <p  class="introduce"> 
                <h2>壶关美景</h2>
                <img  class="pic" src="11.jpg" alt="">
                <hr><br>
                <img  class="pic" src="11.jpeg" alt="">
                <hr><br>    
                <img  class="pic" src="10.jpg" alt="">
                <hr><br>
            </p>

        </div>
        <div id="friend">
               <h1>我的朋友</h1>
               <img  class="photo" id="photo-one" src="30.jpg" alt="">
               <img class="photo" id="photo-second" src="31.jpg" alt="">
               <img class="photo" id="photo-third" src="33.jpg" alt="">

        </div>

    </body>
</html>